<%--
  Created by IntelliJ IDEA.
  User: 23827
  Date: 2019/9/22
  Time: 22:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>centerEdit</title>

    <link rel="stylesheet" href="../css/user/centerEdit.css" type="text/css">
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
</head>

<body>

<%@ include file="../common/nav.jsp"%>

<!-- 第一层导航栏 -->
<%--<div id="firstheader">--%>

<%--</div>--%>

<!-- 第二层导航栏 -->

<!-- 第三层信息填写 -->
<div style="overflow: hidden;margin-top: 50px">
    <!-- 左边 -->
    <div id="left">
        <a href="centerEdit.jsp" class="list-group-item active">
            实名认证
        </a>
        <a href="centerRecord.jsp"  class="list-group-item">服务记录</a>
        <a href="centerNumber.jsp" class="list-group-item">手机绑定</a>
        <a href="centerAddress.jsp" class="list-group-item">地址管理</a>
        <a href="centerPassword.jsp" class="list-group-item">密码管理</a>
    </div>
    <!-- 右边 -->
    <div id="right">
        <!-- 右边第一层 -->
        <div id="right-first">
            <h4 id="characters1">实名认证</h4>
            <button type="button" class="btn btn-primary" id="right-first-button">未实名</button>
        </div>
        <!-- 右边第二层 -->
        <div>
            <p id="right-1">*</p>
            <p id="right-2">实名认证</p><br><br><br>
            <input type="text" id="righttext-1">
        </div>
        <!-- 右边第三层 -->
        <div>
            <p id="right-1">*</p>
            <p id="right-2">姓名</p><br><br><br>
            <input type="text" id="righttext-1">
        </div>
        <!-- 右边第四层 -->
        <div>
            <p id="right-1">*</p>
            <p id="right-2">上传身份证正反照</p><br><br><br>
            <div class="content-two-l" style="margin-left: 20px;overflow: hidden;">
                <label
                        style="border: 1px #e2e2e2 solid; height: 120px; width: 220px; border-radius: 10px; display: block;float: left;">
                    <div style="text-align: center">
                        <input class="file" style="opacity: 0" type="file" height="160px" ; width="160px"
                               name="file" multiple="multiple" accept="image/jpg,image/jpeg,image/png">
                        <span class="ser-cover-textI" style="color:#999; font-size: 30px">+</span><br>
                        <span class="ser-cover-textII" style="color:#999;">身份证正面照<br></span>
                    </div>
                </label>
                <label
                        style="border: 1px #e2e2e2 solid; height: 120px; width: 220px; border-radius: 10px; display: block;float: left;margin-left: 20px;">
                    <div style="text-align: center">
                        <input class="file" style="opacity: 0" type="file" height="160px" ; width="160px"
                               name="file" multiple="multiple" accept="image/jpg,image/jpeg,image/png">
                        <span class="ser-cover-textI" style="color:#999; font-size: 30px">+</span><br>
                        <span class="ser-cover-textII" style="color:#999;">身份证反面照<br></span>
                    </div>
                </label>
            </div>
        </div>
        <!-- 右边第五层 -->
        <div>
            <p id="right-1">*</p>
            <p id="right-2">绑定的手机号</p><br><br><br>
            <input type="text" id="righttext-1">
        </div>
        <!-- 右边第六层 -->
        <div>
            <p id="right-1">*</p>
            <p id="right-2">短信验证码</p><br><br><br>
            <input type="text" id="righttext-1">
            <button type="button" class="btn btn-primary" style="margin-left: 20px">获取验证码</button>
        </div>
        <!-- 右边第七层 -->
        <div>
            <button type="button" class="btn btn-primary"
                    style="margin-left: 20px;margin-top: 30px;width: 200px;height: 35px">提交认证</button>
        </div>

    </div>
</div>

    <%@ include file="../common/footer.jsp"%>



<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="../plugins/bootstrap/js/bootstrap.js"></script>
</body>

</html>
